<template>
    <div id="double">
        <div id="href" @click="href"></div>
        <div id="scroll">
            <img
                src="https://hshop.honorfile.com/shopdc/pic/20221031/2/78413e33-b042-49ac-89f0-3fe45a5d0f30.webp?https://hshop.honorfile.com/shopdc/pic/20221031/0/78413e33-b042-49ac-89f0-3fe45a5d0f30.png">
            <img
                src="https://hshop.honorfile.com/shopdc/pic/20221031/2/65ec1e45-f43d-4b3b-aaa6-da22ec40da7f.webp?https://hshop.honorfile.com/shopdc/pic/20221031/0/65ec1e45-f43d-4b3b-aaa6-da22ec40da7f.png">
            <div id="piclist" v-for="(v, index) in piclist" :key="index">
                <a href="v.url"  target="_Blank" @click="tologin" ><img :src="v.src"></a>
            </div>
        </div>
        <div id="footer">
            <a  @click="shuang11"><img
                src="https://hshop.honorfile.com/shopdc/pic/20221031/0/db6914ad-09e6-4953-8022-0b93ceb7d145.png?https://hshop.honorfile.com/shopdc/pic/20221031/0/db6914ad-09e6-4953-8022-0b93ceb7d145.png"
                alt=""></a>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            piclist: []
        }
    },
    mounted() {
        this.$http({
            url: " http://localhost:3000/HotSell",
            method: "GET"
        }).then((res) => {
            this.piclist = res.data;
        })
    },
    methods:{
        tologin(){
            this.$router.push('/myhome')
        },
        href(){
            this.$router.push('/myhome')
        },
        shuang11(){
            this.$router.push('/double')
        }
    }
}
</script>

<style scoped lang="scss">
#double {
    display: flex;
    width: 100%;
    position: relative;
}

#scroll{
    flex: 1;
    overflow-y: auto;
}

img {
    width: 100%;
    display: block;
}

#footer{
    width:100%;
    height:2.875rem;
    position:fixed;
    bottom:0;
}
#href{
    width:7.5rem;
    height:3.125rem;
    position: absolute;
}
</style>